<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Progress Tracker - Login</title>
	<style type="text/css">
	body {
		background-color:white;
		margin-left:2px;
		padding:0px;
		font-family:arial;
	}
	
	.header-table {
		width:100%;
	}
	
	.login-logobox{
		width:150px; padding-right: 10px;
	}
	
	.header-namebox{
		border-bottom: 2px solid rgb(204, 204, 204); padding-bottom: 0px; margin-bottom:0px;
		color:#676767; font-weight:900;
	}
	
	.header-namebox-line{
		border-top: 2px solid #67A7E3; padding-top:0px; margin-top:0px;
		background-color:#67A7E3;
		height:10px;
	}
	
	
	</style>
</head>
	
<body>
	<table class="header-table">
		<tbody>
		<tr>
			<td height="2" colspan="2"></td>
		</tr>
		<tr>
			<td class="login-logobox" rowspan="2"></td>
			<td width="*" valign="bottom" nowrap="nowrap" height="40" class="header-namebox">
				Welcome to Progress Tracker
			</td>
		</tr>
		
		<tr>
			<td class="header-namebox-line"></td>
		</tr>
		</tbody>
	</table>
	
	<br/><br/><br/><br/><br/>
	
	<form action="login.pt" method="POST">
	<table width="100%" cellspacing="1" cellpadding="5" border="0" align="left">
		<tbody>
		<tr>
			<td width="150" style="padding-right: 10px;" rowspan="3"></td>
			<td width="20%" valign="top" style="padding-left:0px">
				<table width="100%" cellspacing="1" cellpadding="5" border="0" align="left">
					<tbody>
					<tr><td>User ID</td><td><input type="text" name="username"/></td></tr>
					<tr><td>Password</td><td><input type="password" name="password"/></td></tr>
					<tr><td></td><td><button name="" onclick="javascript:this.form.submit();">Login</button></td></tr>
					</tbody>
				</table>
			</td>
			<td></td>
		</tr>
		</tbody>
	</table>
	</form>
	
	

</body>
</html>